<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    disabled: Boolean,
    backgroundColor: { type: String, default: "#1bc76f" },
  },
});
</script>

<template>
  <div
    class="button"
    :style="{ backgroundColor, opacity: disabled ? '0.3' : '1' }"
  >
    <slot />
  </div>
</template>

<style lang="less">
.button {
  font-size: 16px;
  color: #ffffff;
  line-height: 45px;
  text-align: center;
  border-radius: 23px;
  background: gray;
}
</style>
